body {
	background-color: #748B20;
}

.result {
	display: block;
	font-family: Verdana, Geneva, Arial, sans-serif;
	padding: 10px;
	color: white;
	margin-left: 100px;
	line-height: 20px;
	width: 600px
}


.result:hover {
	font-size: 150%;
	text-decoration: underline;
}

.address {
	font-size: 50%;
}


#searchbox {
	width: 200px;
}

#button {
	height: 30px; 
}

a:link {
 text-decoration: none;
}

.show {
	display:block;
}

.hide {
	display:none;
}


#right-column{
	 padding: 10px;
	 float: right;
	 /* this is the property doing the magic. The element is positioned at the far right of the window. The other block elements in the page fill the space left by this floating element. Inline elements respect the boudaries of the floating element wrapping the element */ 
	 width: 150px;
	 /* when you use floating section the width property is mandatory */
 }